<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <link href="css/css_11_下拉菜单.css" rel="stylesheet">
</head>
<body>
<h1>下拉菜单</h1>
<div>
    <ul class="nav">
        <li class="first-menu"><a href="">首页</a> </li>
        <li class="first-menu"><a href="">目的地</a> </li>
        <li class="first-menu">
            <a href="">去旅行</a>
            <ul class="second-nav">
                <li><a href="">自由行</a> </li>
                <li><a href="">跟团游</a> </li>
                <li><a href="">当地游</a> </li>
            </ul>
        </li>

        <li class="first-menu">
            <a href="">社区</a>
            <ul class="second-nav">
                <li><a href="">自由行</a> </li>
                <li><a href="">跟团游</a> </li>
                <li><a href="">当地游</a> </li>
            </ul>
        </li>
    </ul>

</div>

<h1>搜索引擎</h1>
<div class="search-area">
    <form action="" class="search-form">
        <input type="text" class="keyword" placeholder="输入车型或门店名称">
        <button class="search-btn">搜索</button>
    </form>
</div>
<!--商品列表-->
<h1 class="hot-pro-title">3.商品列表</h1>
<div class="pro-lists">
<ul>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
    <li>
        <a href="" class="pro-img">
            <img src="images/pro2.png"/>
        </a>
        <div class="pro-price">
            <span>￥</span>
            <span>2199.00</span>
        </div>
        <p class="pro-name">海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新海信电视 32E2F 32英寸高清 智能投屏 Unibody悬浮全面屏 家用网络液晶平板教育电视机 以旧换新</p>

        <!--店铺名称-->
        <div class="shop-info">
            <a href="">
                <span class="shop-name">海信京东自营旗舰店</span>
                <span class="shop-logo"></span>
            </a>
        </div>

        <!--购物车 立即购买-->
        <div class="pro-operate">
            <a href="">
                <i></i>
                加入购物车
            </a>

            <a href="">
                <i></i>
                立即购买
            </a>
        </div>


    </li>
</ul>
</div>

</body>
</html>